<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- Website Title -->
<title>SIAB IAIN Mataram | Login</title>
<link rel="shortcut icon" href="<?php echo site_url('images/favicon.png') ?>" />

<!-- Meta data for SEO -->
<meta name="description" content="">
<meta name="keywords" content="">

<!-- Template stylesheet -->
<link href="<?php echo shortener_rsrc_link('screen_blue.css') ?>" rel="stylesheet" type="text/css" media="all">
<link href="<?php echo shortener_rsrc_link('datepicker.css') ?>" rel="stylesheet" type="text/css" media="all">
<link href="<?php echo shortener_rsrc_link('visualize.css') ?>" rel="stylesheet" type="text/css" media="all">
<link href="<?php echo shortener_rsrc_link('jquery_wysiwyg.css') ?>" rel="stylesheet" type="text/css" media="all">
<link href="<?php echo shortener_rsrc_link('jquery_fancybox.css') ?>" rel="stylesheet" type="text/css" media="all">

<!--[if IE]>
	<link href="<?php echo shortener_rsrc_link('ie.css') ?>" rel="stylesheet" type="text/css" media="all">
	<meta http-equiv="X-UA-Compatible" content="IE=7" />
<![endif]-->

<!-- Jquery and plugins -->
<script type="text/javascript" src="<?php echo shortener_rsrc_link('jquery.js') ?>"></script>
<script type="text/javascript" src="<?php echo shortener_rsrc_link('jquery-ui.js') ?>"></script>
<script type="text/javascript" src="<?php echo shortener_rsrc_link('jquery_img_preload.js') ?>"></script>
<script type="text/javascript" src="<?php echo shortener_rsrc_link('hint.js') ?>"></script>
<script type="text/javascript" src="<?php echo shortener_rsrc_link('jquery_visualize.js') ?>"></script>
<script type="text/javascript" src="<?php echo shortener_rsrc_link('jquery_wysiwyg.js') ?>"></script>
<script type="text/javascript" src="<?php echo shortener_rsrc_link('jquery_fancybox.js') ?>"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
    // find all the input elements with title attributes
    $('input[title!=""]').hint();
    $('#login_info').click(function(){
		$(this).fadeOut('fast');
	});
});
</script>
</head>
<body class="login">

    <?php if(!form_error('username') && !form_error('chk_pwd')): ?>

            <?php $error_message = "Masukkan username dan password"; ?>
            <?php $errorType = 1;?>

    <?php elseif(form_error('username')): ?>

            <?php $error_message = form_error('username','<span>','</span>'); ?>
             <?php $errorType = 2;?>

    <?php elseif(form_error('password')):?>

            <?php $error_message = form_error('password','<span>','</span>'); ?>
             <?php $errorType = 3;?>

    <?php else:?>

            <?php $error_message = form_error('chk_pwd','<span>','</span>'); ?>
             <?php $errorType = 4;?>

    <?php endif; ?>

	<!-- Begin login window -->
	<div id="login_wrapper">
        <?php if($errorType): ?>
		<div id="login_info" class="alert_warning noshadow" style="width:350px;margin:auto;padding:auto;">
            <p>
            <?php echo $error_message ?>
			</p>
		</div>
		<br class="clear"/>
        <?php endif; ?>
        <div id="login_top_window">
			<img src="<?php echo site_url('images/top_login_window.png') ?>" alt="top window"/>
		</div>

		<!-- Begin content -->
		<div id="login_body_window">
			<div class="inner">
				<div class="logo"><img src="<?php echo site_url('images/logo_iain.png') ?>" alt="logo"/> </div>
                <div class="text_login">SIAB</div>
                <div class="text_login2">Sistem Informasi Administrasi Bank</div>
				<form action="" method="post" id="form_login" name="form_login">
					<p>
						<input type="text" id="username" name="username" style="width:285px" title="Username" value="<?php echo set_value('username') ?>"/>
					</p>
					<p>
						<input type="password" id="password" name="password" style="width:285px" title="******"/>
					</p>
					<p style="margin-top:40px">
						<input type="submit" id="submit" name="submit" value="Login" class="Login" style="margin-right:5px"/>
						<!--<input type="checkbox" id="remember" name="remember"/>Remember my password-->
					</p>
				</form>
			</div>
		</div>
		<!-- End content -->

		<div id="login_footer_window">
			<img src="<?php echo site_url('images/footer_login_window.png') ?>" alt="footer window"/>
		</div>
		<div id="login_reflect">
			<img src="<?php echo site_url('images/reflect.png') ?>" alt="window reflect"/>
		</div>
	</div>
	<!-- End login window -->

</body>
</html>
